<script>
	import Vue from 'vue'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		onLaunch: function() {
		    uni.getSystemInfo({
		        success: function(e) {
		            // #ifndef MP
		            Vue.prototype.StatusBar = e.statusBarHeight;
		            if (e.platform == 'android') {
		                Vue.prototype.CustomBar = e.statusBarHeight + 50;
		            } else {
		                Vue.prototype.CustomBar = e.statusBarHeight + 45;
		            };
		            // #endif
		            // #ifdef MP-WEIXIN
		            Vue.prototype.StatusBar = e.statusBarHeight;
		            let custom = wx.getMenuButtonBoundingClientRect();
		            Vue.prototype.Custom = custom;
		            Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
		            // #endif       
		            // #ifdef MP-ALIPAY
		            Vue.prototype.StatusBar = e.statusBarHeight;
		            Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
		            // #endif
		        }
		    })
			// #ifdef APP-PLUS
			// 一键登录预登陆，可以显著提高登录速度
			uni.preLogin({
				provider: 'univerify',
				success: (res) => {
					this.setUniverifyErrorMsg()
					this.setHideUniverify(false);
					
					console.log("preLogin success: ", res);
				},
				fail: (err) => {
					uni.showModal({
						title: `preLogin success`,
						content: JSON.stringify(err),
						showCancel: false
					})
					this.setUniverifyErrorMsg(err.errMsg)
					// 没有开通一键登录
					this.setHideUniverify(true);
					console.log("preLogin fail: ", err);
					
				}
			})
			// #endif
			// #ifdef APP-PLUS
			    plus.runtime.getProperty(plus.runtime.appid, function(info) {
			        uniCloud.callFunction({ //连接云函数
			            name: 'version-update', //云函数名
			            data: { //传递的参数
			                appid: info.appid,
			                version: info.version
			            },
			            success: (res) => { //请求成功
			                if (res.result.isUpdate) { //需要更新 
			                    uni.showModal({
			                        title: '更新提示',
			                        content: '请选择是否需要更新',
			                        success: (r) => {
			                            if (r.confirm) {
			                                uni.downloadFile({ //下载更新文件
			                                    url: res.result.url,
			                                    success: (down) => {
			                                        plus.runtime.install(down.tempFilePath, { //安装更新文件
			                                            force: false //是否强制安装
			                                        }, function() { //安装成功
			                                            uni.showToast({
			                                                title: '更新成功',
			                                                icon: 'success',
			                                            })
			                                            plus.runtime.restart() //重启
			                                            uni.hideToast()
			                                        }, function() { //更新失败的操作
			                                            uni.showToast({
			                                                title: '更新失败',
			                                            })
			                                            uni.hideToast()
			                                        })
			                                    }
			                                })
			                            }
			                        }
			                    })
			                }
			            }
			        })
			    })
			    uni.hideLoading()
			    // #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			...mapMutations(['login', 'setUniverifyErrorMsg', 'setHideUniverify']),
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
    @import "colorui/main.css";
    @import "colorui/icon.css";
  
   .nav-list {
   	display: flex;
   	flex-wrap: wrap;
   	padding: 0px 40upx 0px;
   	justify-content: space-between;
   }
   
   .nav-li {
   	padding: 30upx;
   	border-radius: 12upx;
   	width: 45%;
   	margin: 0 2.5% 40upx;
   	background-image: url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);
   	background-size: cover;
   	background-position: center;
   	position: relative;
   	z-index: 1;
   }
   
   .nav-li::after {
   	content: "";
   	position: absolute;
   	z-index: -1;
   	background-color: inherit;
   	width: 100%;
   	height: 100%;
   	left: 0;
   	bottom: -10%;
   	border-radius: 10upx;
   	opacity: 0.2;
   	transform: scale(0.9, 0.9);
   }
   
   .nav-li.cur {
   	color: #fff;
   	background: rgb(94, 185, 94);
   	box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
   }
   
   .nav-title {
   	font-size: 32upx;
   	font-weight: 300;
   }
   
   .nav-title::first-letter {
   	font-size: 40upx;
   	margin-right: 4upx;
   }
   
   .nav-name {
   	font-size: 28upx;
   	text-transform: Capitalize;
   	margin-top: 20upx;
   	position: relative;
   }
   
   .nav-name::before {
   	content: "";
   	position: absolute;
   	display: block;
   	width: 40upx;
   	height: 6upx;
   	background: #fff;
   	bottom: 0;
   	right: 0;
   	opacity: 0.5;
   }
   
   .nav-name::after {
   	content: "";
   	position: absolute;
   	display: block;
   	width: 100upx;
   	height: 1px;
   	background: #fff;
   	bottom: 0;
   	right: 40upx;
   	opacity: 0.3;
   }
   
   .nav-name::first-letter {
   	font-weight: bold;
   	font-size: 36upx;
   	margin-right: 1px;
   }
   
   .nav-li text {
   	position: absolute;
   	right: 30upx;
   	top: 30upx;
   	font-size: 52upx;
   	width: 60upx;
   	height: 60upx;
   	text-align: center;
   	line-height: 60upx;
   }
   
   .text-light {
   	font-weight: 300;
   }
   
   @keyframes show {
   	0% {
   		transform: translateY(-50px);
   	}
   
   	60% {
   		transform: translateY(40upx);
   	}
   
   	100% {
   		transform: translateY(0px);
   	}
   }
   
   @-webkit-keyframes show {
   	0% {
   		transform: translateY(-50px);
   	}
   
   	60% {
   		transform: translateY(40upx);
   	}
   
   	100% {
   		transform: translateY(0px);
   	}
   }
</style>
